<!DOCTYPE HTML>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="c_rt" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<html>
<head>
<title>Fuel Program - Gasoline Stations </title>
<!-- Bootstrap -->
<link href="/FuelProgram/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<h1>The gasoline stations from the input files are available</h1>
				<h2>To get the route information between two places..<a href="FindRoute"> Click here</a></h2>
			</div>
		</div>
		<br/>
		<div class="row">
			<div class="col-xs-10">
				<table class="table-striped">
					<tr>
						<td>Date</td>
						<td>ST</td>
						<td colspan="2">City</td>
						<td>PPG</td>
						<td>Name</td>
						<td>Address</td>
						<td>Directions</td>
					</tr>
					<c_rt:forEach var="station" items="${gasStations }">
						<tr>
							<td>${station.infoDate }</td>
							<td>${station.st }</td>
							<td colspan="2">${station.city }</td>
							<td>${station.PPG }</td>
							<td>${station.name }</td>
							<td>${station.address }</td>
							<td>${station.directions }</td>
						</tr>
					</c_rt:forEach>
				</table>
			</div>
		</div>
		<br/>
	</div>

	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap.min.js"></script>
</body>
</html>